<template>
  <main>
    <div class="yellowLight">
      <svg
        t="1730884506021"
        class="icon"
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        p-id="13251"
        :width="size"
        :height="size"
      >
        <path
          d="M713.889445 291.62528a42.130015 42.130015 0 0 0 59.976757-3.876547l83.01661-95.5971a43.51972 43.51972 0 0 0-3.803405-60.854466 42.130015 42.130015 0 0 0-59.976757 3.876547L709.939756 230.697671a43.446578 43.446578 0 0 0 3.876547 60.927609zM512.747881 292.576131h-3.07198C389.868671 292.576131 292.589296 398.852019 292.589296 529.923176l1.53599 274.86909H731.443618l-1.53599-274.86909C729.907628 398.852019 632.628253 292.576131 512.747881 292.576131z m462.333028 118.856378l-124.195773 19.163306a42.642012 42.642012 0 0 0-33.206644 26.989541 43.592863 43.592863 0 0 0 6.363388 42.568869c9.50851 12.068494 24.648984 18.06617 39.643174 15.725613l124.12263-19.163305a43.007724 43.007724 0 0 0 35.693485-49.0054 42.642012 42.642012 0 0 0-48.42026-36.278624zM178.487173 175.914023l78.408639 99.473647c14.628477 18.578166 41.471733 21.577004 59.75733 6.729099a43.51972 43.51972 0 0 0 6.655957-60.635039L244.827318 122.154369a42.2763 42.2763 0 0 0-75.556086 22.162143 43.446578 43.446578 0 0 0 9.142798 31.670654zM219.446909 841.144033v36.571193h585.139096v-36.571193a36.571193 36.571193 0 0 0-36.571194-36.571194h-511.996708a36.571193 36.571193 0 0 0-36.571194 36.571194z m-73.142387 73.142387v36.571193h731.42387v-36.571193a36.571193 36.571193 0 0 0-36.571194-36.571194h-658.281482a36.571193 36.571193 0 0 0-36.571194 36.571194zM475.884118 177.011159c3.291407 22.089001 22.747282 38.034041 44.763141 36.571194a42.861439 42.861439 0 0 0 39.862601-42.130015L560.144148 44.184585A42.861439 42.861439 0 0 0 518.599272 0.006583a42.788296 42.788296 0 0 0-43.51972 42.130015l0.292569 127.267753c0 2.559984 0.146285 5.119967 0.511997 7.606808zM206.573849 465.192164a43.154008 43.154008 0 0 0-33.352928-50.760817L50.122284 389.343509a42.568869 42.568869 0 0 0-49.297969 34.011209 43.154008 43.154008 0 0 0 32.548362 50.54139l123.17178 25.087839c10.971358 2.267414 22.527855 0 31.89008-6.363388a43.154008 43.154008 0 0 0 18.139312-27.428395z"
          fill="yellow"
          p-id="13252"
        ></path>
        <path
          d="M713.889445 291.62528a42.130015 42.130015 0 0 0 59.976757-3.876547l83.01661-95.5971a43.51972 43.51972 0 0 0-3.803405-60.854466 42.130015 42.130015 0 0 0-59.976757 3.876547L709.939756 230.697671a43.446578 43.446578 0 0 0 3.876547 60.927609zM512.747881 292.576131h-3.07198C389.868671 292.576131 292.589296 398.852019 292.589296 529.923176l1.53599 274.86909H731.443618l-1.53599-274.86909C729.907628 398.852019 632.628253 292.576131 512.747881 292.576131z m462.333028 118.856378l-124.195773 19.163306a42.642012 42.642012 0 0 0-33.206644 26.989541 43.592863 43.592863 0 0 0 6.363388 42.568869c9.50851 12.068494 24.648984 18.06617 39.643174 15.725613l124.12263-19.163305a43.007724 43.007724 0 0 0 35.693485-49.0054 42.642012 42.642012 0 0 0-48.42026-36.278624zM178.487173 175.914023l78.408639 99.473647c14.628477 18.578166 41.471733 21.577004 59.75733 6.729099a43.51972 43.51972 0 0 0 6.655957-60.635039L244.827318 122.154369a42.2763 42.2763 0 0 0-75.556086 22.162143 43.446578 43.446578 0 0 0 9.142798 31.670654zM219.446909 841.144033v36.571193h585.139096v-36.571193a36.571193 36.571193 0 0 0-36.571194-36.571194h-511.996708a36.571193 36.571193 0 0 0-36.571194 36.571194z m-73.142387 73.142387v36.571193h731.42387v-36.571193a36.571193 36.571193 0 0 0-36.571194-36.571194h-658.281482a36.571193 36.571193 0 0 0-36.571194 36.571194zM475.884118 177.011159c3.291407 22.089001 22.747282 38.034041 44.763141 36.571194a42.861439 42.861439 0 0 0 39.862601-42.130015L560.144148 44.184585A42.861439 42.861439 0 0 0 518.599272 0.006583a42.788296 42.788296 0 0 0-43.51972 42.130015l0.292569 127.267753c0 2.559984 0.146285 5.119967 0.511997 7.606808zM206.573849 465.192164a43.154008 43.154008 0 0 0-33.352928-50.760817L50.122284 389.343509a42.568869 42.568869 0 0 0-49.297969 34.011209 43.154008 43.154008 0 0 0 32.548362 50.54139l123.17178 25.087839c10.971358 2.267414 22.527855 0 31.89008-6.363388a43.154008 43.154008 0 0 0 18.139312-27.428395z"
          fill="yellow"
          p-id="13253"
        ></path>
      </svg>
    </div>
  </main>
</template>

<script lang="ts" setup>
defineProps({
  size: {
    type: Number,
    default: 30
  }
});
</script>

<style lang="scss" scoped>
.greenLight {
  background-color: #0d0;
  box-shadow: 0 0 40px #0d0;
}
.redLight {
  background-color: #ff0000;
  box-shadow: 0 0 40px #ff0000;
}

.yellowLight {
  box-shadow: 0 0 0px yellow;
}

.noLight {
  background-color: #443;
}
</style>